<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://unpkg.com/view-ui-plus/dist/styles/viewuiplus.css">

    <title>Zepp Life刷步助手</title>
</head>
<style>
.cs{
    margin: 10vh auto;
   width: 100vw;
   height: 50vh;


}
.in1{
    margin-bottom: 5vh;
    width: 50vw;
    
}

</style>
<body>
    
<div id="app2" class="cs">
 
    <center>
        <h1 style="margin-bottom:3vh;">ZEEP刷步</h1>
<div><i-Input v-model="users" placeholder="请输入ZEEP账号(手机号)" clearable  class="in1"/>
    
</div>
<div><i-Input v-model="passs" placeholder="请输入ZEEP密码" clearable type="password" class="in1"/></div>
<div><i-Input v-model="steps" placeholder="请输入自定义步数" clearable  class="in1"/>
    
</div>
      <i-Button type="primary" shape="circle" style="width: 30vw ;margin-bottom:5vh;" @click="success(false)" icon='ios-checkmark-circle'>提交</i-Button>
      <div>
            </center>
             <Collapse v-model="v" style="width:60vw;margin:0 auto;">
        <Panel name="1">
            使用教程
            <template #content>1.下载&nbsp<p style="display:inline-block;color:#5cadff;">Zeep Life&nbsp</p>后通过手机号注册并修改密码<br>2.登录到Zeep Life <p style="display:inline-block;color:#5cadff;">【我的】-【第三方接入】</p>安装流程接入<br>3.使用注册的Zeep Life账号 输入自定义步数即可</template>
        </Panel>
       
    </Collapse>
      </div>
      
  
     <div style="position:fixed; bottom:0;margin:0 auto;width:100vw;text-align:center;">
         <p style="display:inline-block;margin:1vh auto;">接口提供：</p><a style="display:inline-block;color:#2db7f5;margin-right:3vh;" href="https://qm.qq.com/cgi-bin/qm/qr?k=uLhYDavox9f0AOA4HpxGkZNRyjl6oS1c&jump_from=webapi&authKey=F48zau7rG5sW8gUuqyiM1KCFl7DQe+1xJXb+Xg4VeyzM6AWbZyxVM6N4NdIJqVrn
">学长工作室</a>
<p style="display:inline-block;margin:1vh auto;">开发者：</p><a style="display:inline-block;color:#2db7f5;" href="https://jq.qq.com/?_wv=1027&k=YZYIu7PF
">天迹云-lzy</a>
<br/>
<p>Copyright © 2022 天迹云(Tianji Cloud) All Rights Reserved</p>
     </div>
</div>
  


    <script src="vue.global.js"></script>
<script src="viewuiplus.min.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script>
       
    const app2 = Vue.createApp({
        data () {
            return {
                users:'',
                passs:'',
                steps:'',
                v:1,
            
            }
        },
        methods: {
            success (nodesc) {
                axios
      .get('zeep.php?user='+this.users+'&pass='+this.passs+'&step='+this.steps)
      .then(response => {
          if(response.data.status==1){
                     this.$Notice.success({
                    title: '刷步成功',
                    desc: '刷步请求提交成功'
                });
                }else{
                     this.$Notice.error({
                    title: '刷步失败',
                    desc: 'Error:'+response.data.msg
                });
                }
          //this.info = response.data.status
         
      })
      .catch(function (error) { // 请求失败处理
        console.log(error);
      });
          
                
            },
            
            su(nodesc){
                
            }
           
         
          
        }, 
        
      
       
        
          
    });
    app2.use(ViewUIPlus);
    app2.mount("#app2");



   
    </script>
    
</body>

</html>